

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>三只松鼠</title>
  <META content="三只松鼠股份有限公司创立于2012年，总部位于安徽芜湖，主营产品覆盖了坚果果干、面包糕点、谷物制品、肉食卤味、方便速食等全品类休闲零食，致力于为主人带去质高、价优、新鲜、丰富、便利的快乐零食" name="description">
  <META content="三只松鼠,三只松鼠官网,三只松鼠电子商务有限公司,坚果,干果,互联网坚果,碧根果,夏威夷果,山核桃,食品,农产品,双十一" name="keywords">
  <style>
    *{
      margin:0;
      padding:0;}
    img{margin: 0px; display: block;}
    body {
      margin-left: 0px;
      margin-top: 0px;
      margin-right: 0px;
      margin-bottom: 0px;
      background:url() center center #0f0453;/*LOADING_BG*/
      background-size: cover;
      font-family:"Microsoft YaHei";
      background-attachment:fixed
    }
    a{ text-decoration: none;cursor: pointer}
    a:hover{color: #F19741}
    /* div{overflow:hidden}*/
    ul{ list-style:none;}
    .bg{
      background-position:center; background-repeat:no-repeat;
      /*transform:translateY(-300px);*/
      /*animation:animated_div 5s 1;*/
    }

    /*@keyframes animated_div {*/
    /*0%		{transform: translateY(-200px)}*/

    /*100%	{transform:translateY(0px)}*/
    /*}*/






    .bgb{background-color:#FFFFFF;}
    .cont{width:992px; margin:0 auto; display:none; z-index:9;overflow: hidden }
    .b{font-weight:bold}
    .hs{color:#666666}
    .hs-s{line-height:23px;}
    .jh{color:#F19741}
    .bzb{color:#FFFFFF; font-size:14px}
    .bai{color:#cbcccc; font-size:14px}
    .spxl{font-size:14px; margin-bottom:38px; float:left; width:180px}
    .spxP{font-size:14px; margin-bottom:20px;width:168px;float: left}
    a:link {
      text-decoration: none;
    }
    a:visited {
      text-decoration: none;
    }
    /*a:hover {
        text-decoration: underline;
    }*/
    a:active {
      text-decoration: none;
    }

    #top{width: 100%; height:76px; z-index:13; position:fixed; right:0px; top:0px; background-color:#000000;}
    #top .logo{ margin-top:20px; width:166px; float:left}
    .topUL1{margin-left:36px; float:left; width:920px; height:76px;}
    .topUL1 li{width:100px; line-height:76px; height:76px; float:left}
    .topUL1 li a:hover{color:#F19741; text-decoration: none;}

    /*#top .rdh{ width:400px; line-height:50px; float:right; margin-right:15px; text-align: right;}*/
    #top .rdh{ width:300px;position: absolute;right: 20px;height: 76px;line-height: 76px}

    .rdh .rdhUl{margin-left: 0px;}
    .rdh .rdhLi{float: left;width: 100px;text-align: center;background-color:#000000;}

    /*.rdh .rdhLi a{display: block;width:100px;height: 76px}*/
    .Downapp{background: url("http://imgs.3songshu.com/www/Dapp.png") no-repeat center left;display: block;height: 76px}
    .shareBtn{background: url("http://imgs.3songshu.com/www/shareion.png") no-repeat center center;display: block;height: 76px}
    .callme{display: block;height: 76px;}
    .callme span{
      -webkit-transition: all 0.4s ease;
      -o-transition: all 0.4s ease;
      transition: all 0.4s ease;
    }
    .Arrow{
      background: url("http://imgs.3songshu.com/www/djt.png") no-repeat center center;
      display: inline-block;
      height: 12px;width: 12px;
    }
    .Arrow_up{
      -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      -o-transform: rotate(-90deg);
      transform: rotate(-90deg);}

    .callmeul{position: absolute;width: 100px;top: 76px;height: 230px;background: #fff;display: none;z-index: 111}
    .callmeul li{height: 46px;line-height: 46px;font-size: 14px;}

    .callmeul li a{height: 46px;line-height: 46px;color: #000}
    .callmeul li a:hover{color: #F19741}

    .QRcode{position: absolute;width: 100px;top: 76px;height: 100px;background: #fff;z-index: 111;display: none}

    .whitem{display: none}
    .productitem{display: none}

    .subt{color:#666666}
    .subt:hover{color:#F19741}
    /*#0f0453*/
    /*#load{*/
    /*position: absolute;z-index: 9999;top: 0px;left: 0px;right: 0px; bottom: 0px;text-align: center;*/
    /*background: url("img/opening.jpg") no-repeat center center #0f0453;*/
    /*background-size: cover;*/
    /*}*/


  </style>
</head>

<body  style="marign:0px; padding: 0px; overflow: hidden">
<div id="load" style="">


  <!--<div  style="width:462px; height:342px; margin-top:300px; margin-left:auto; margin-right:auto; ">
      <img src="http://imgs.3songshu.com/www/LOADING.gif">
  </div>-->

</div>

<div id="main" style="display: none;" >
  <div id="top">
    <div style="margin:0 20px;" >
      <div class="logo"><a href="/"><img src="http://imgs.ssyl.3songshu.com/about/logo.png" style="display: block;width: 165px;border:none"></a></div>
      <ul class="topUL1">
        <li><a href="/about-us.html" target="_blank" class="bai">关于我们</a></li>
        <li id="jyfw1"><a href="#" class="bai">经营范围</a></li>
        <!--<li><a href="http://imgs.3songshu.com/ac/zp1/" target="_blank" class="bai">2018校园招聘</a></li>
         <li><a href="http://www.iqiyi.com/lib/m_222554414.html" target="_blank" class="bai">松鼠动画片</a></li>
        -->
        <li><a href="/jobs/#/social" target="_blank" class="bai">社会招聘</a></li>
        <li><a href="/jobs/#/school" target="_blank" class="bai">校园招聘</a></li>
        <li id="zyxz1"><a href="#"  class="bai">资源小站</a></li>
        <li><a href="http://www.3songshu.com/ac/ds4" target="_blank" class="bai">食品创新大赛</a></li>
        <!--<li><a href="http://deal.189store.com/threesquirrels/index.php?s=index/web" target="_blank" class="bai">松鼠手游</a></li>-->
        <li><a href="/ip.html" target="_blank" class="bai">动漫IP授权合作</a></li>
      </ul>
      <div class="rdh">
        <ul class="rdhUl">
          <!--<li class="rdhLi menu_down" style="position: relative">
              <a href="#" class="bai Downapp">APP</a>
              <div class="QRcode">
                  <img src="http://imgs.3songshu.com/www/appQR.png" style="width: 100px;display: block">
              </div>
          </li>-->
          <li class="rdhLi"><a href="#" class="bai shareBtn"></a></li>
          <li class="rdhLi  menu-item" style="position: relative"><a href="#" class="bai callme">寻求合作<span class="Arrow" id="arion"></span></a>
            <ul class="callmeul">
              <li><a href="/cooperation.html?anchor=p1" target="_blank">松鼠小店加盟</a></li>
              <li><a href="/cooperation.html?anchor=p2" target="_blank">产品合作</a></li>
              <li><a href="/cooperation.html?anchor=p3" target="_blank">品牌合作</a></li>
              <li><a href="/cooperation.html?anchor=p4" target="_blank">媒体联络</a></li>
              <!--<li><a style="color:gray;">在线调戏</a></li>
              <li><a style="color:gray;">大客户团购</a></li>
              <li><a style="color:gray;">商务合作</a></li>
              <li><a style="color:gray;">媒体访问</a></li>-->
            </ul>
          </li>
        </ul>

      </div>
    </div>
  </div>

  <style >
    .bg{
      background-position:center top; background-repeat:no-repeat;

      /*transform:translateY(-300px);*/
      /*animation:animated_div 5s 1;*/
    }


    .movebox2{
      animation:movedonghua 3.5s 1;
    }

    @keyframes movedonghua {
      100%	{transform:translateY(0px)}
    }

    .syz_move{
      animation:syz_moved 16s infinite;
      animation-timing-function:ease-out;
    }
    @keyframes syz_moved {
      100%	{transform:translateY(0px)}
    }

  </style>

  <script >
    var movelist=["cb5","cb4","cb3","cb2","cb1","scd","xhy","yun4","yun5","yun3"];
  </script>

  <div class="bg" id="boxff" id="content" style="width:100%; height:7150px;"></div>
  <div id="cb6" class="bg" style="background-image:url(http://imgs.3songshu.com/www/bt.png); width:100%; height:182px; position:absolute; display:none; position:fixed; left:0px; top:350px; z-index:7"></div>
  <div id="cb7" class="bg" style="background-image:url(http://imgs.3songshu.com/www/xbt.png); width:100%; height:182px; position:absolute; display:none; position:fixed; left:0px; top:550px; z-index:7"></div>
  <div id="cb5" class="bg" style="background-image:url(http://imgs.3songshu.com/www/cb5.png); width:100%; height:1289px; position:absolute; position:fixed; left:0px; top:200px; z-index:1"></div>
  <div id="cb4" class="bg" style="background-image:url(http://imgs.3songshu.com/www/cb4.png); width:100%; height:806px; position:absolute; position:fixed; left:0px; top:1000px; z-index:3"></div>
  <div id="cb3" class="bg" style="background-image:url(http://imgs.3songshu.com/www/cb3.png); width:100%; height:823px; position:absolute; position:fixed; left:0px; z-index:4; top: 1700px;"></div>
  <div id="cb2" class="bg" style="background-image:url(http://imgs.3songshu.com/www/cb2.png); width:100%; height:1368px; position:absolute; position:fixed; left:0px; z-index:5;top: 2200px; "></div>
  <div id="cb1" class="bg" style="background-image:url(http://imgs.3songshu.com/www/cb1.png); width:100%; height:1902px; position:absolute; position:fixed; left:0px;  z-index:6; top: 3000px;"></div>
  <div id="bg" class="bg" style="background-image:url(http://imgs.3songshu.com/www/yz.png); width:100%; height:4209px; position:absolute; position:fixed; left:0px; z-index:9;top:6500px; background-size: 100%;  "></div>

  <div id="scd" class="bg" style="background-image:url(http://imgs.3songshu.com/www/scd.png); width:547px; height:871px; position:absolute; position:fixed; left:100px; top:450px; z-index:3"></div>
  <div id="xhy" class="bg" style="background-image:url(http://imgs.3songshu.com/www/xhy.png); width:100%; height:909px; position:absolute; position:fixed; left:0px; top:120px; z-index:3"></div>
  <div id="yun4" class="bg" style="background-image:url(http://imgs.3songshu.com/www/yun4.png); width:972px; height:513px; position:absolute; position:fixed; left:0px; top:2600px; z-index:7"></div>
  <div id="yun5" class="bg" style="background-image:url(http://imgs.3songshu.com/www/yun5.png); width:613px; height:760px; position:absolute; position:fixed; right:0px; top:2300px; z-index:7"></div>
  <div id="yun3" class="bg" style="background-image:url(http://imgs.3songshu.com/www/yun3.png); width:100%; height:408px; position:absolute; position:fixed; left:0px; top:3000px; z-index:8"></div>
  <!--<div id="xj" class="bg" style="background-image:url(http://imgs.3songshu.com/www/xj.png); width:420px; height:341px; position:absolute; right:350px; top:500px; z-index:10"></div>-->
  <!--<div id="xk" class="bg" style="background-image:url(http://imgs.3songshu.com/www/xk.png); width:203px; height:228px; position:absolute; right:300px; top:200px; z-index:10"></div>-->
  <!--<div id="xm" class="bg" style="background-image:url(http://imgs.3songshu.com/www/xm.png); width:301px; height:319px; position:absolute; left:300px; top:350px; z-index:10"></div>-->
  <div style="width: 10px; height: 700px; text-align: center; top:200px; z-index: 10;position: absolute; left: 50%; ">
    <div style="width: 1300px; height: 800px;  margin-left: -600px;display: none;" id="songshubox"></div>
  </div>

  <div  style="position: fixed;top: 0;bottom: 0;left: 0;right: 0;background:rgba(0,0,0,0.4);z-index: 9;display: none" class="bigdialog"></div>


  <div style="width:100%; position:absolute; top:0px; z-index:9">
    <!--企业文化-->
    <div id="cc" class="cont" style="margin-top:1948px" onmouseout="hidde('ccs1')" onmousemove="clearhideTime()">
      <div style="float:left; width:380px; padding:50px;" class="bgb " id="whBox">
        <div><img src="http://imgs.3songshu.com/www/r2_c2.jpg"></div>
        <div class="jh" style="margin-top:16px">文化,是三只松鼠品牌的核心竞争力</div>
        <div style="margin-top:62px;cursor:pointer;" onmouseover="show('ccs1',0)" class="whtitle">
          <div class="curitem"><span class="jh b" style="font-size:16px">Chapter One.</span><a class="b" href="http://www.3songshu.com/1.html" target="_blank" style="color: #000">品牌介绍</a></div>
          <div style="margin-top:25px;" ><a class="hs">01. 我们是谁</a></div>
          <div style="margin-top:25px;" ><a class="hs">02. 成长发展</a></div>
        </div>
        <div style="margin-top:62px;cursor:pointer" onmouseover="show('ccs1',1)" class="whtitle">
          <div class="curitem"><span class="jh  b" style="font-size:16px">Chapter Two.</span> <a class="b" href="http://www.3songshu.com/1.html" target="_blank" style="color: #000">品牌特色</a></div>
          <div style="margin-top:25px;" ><a class="hs">01. 主人文化</a></div>
          <div style="margin-top:25px;" ><a class="hs">02. 人才观念</a></div>
        </div>

        <div style="margin-top:62px;cursor:pointer" onmouseover="show('ccs1',2)" class="whtitle">
          <div class="curitem"><span class="jh b" style="font-size:16px">Chapter Three.</span><a class="b" href="http://www.3songshu.com/1.html" target="_blank" style="color: #000">品牌理念</a></div>
          <div style="margin-top:25px;" ><a class="hs">01. 松鼠使命</a></div>
          <div style="margin-top:25px;" ><a class="hs">02. 松鼠价值观</a></div>
        </div>


      </div>
      <div style="width:450px; float:left;height:742px; display:none" id="ccs1" class="bgb" onmouseover="clearhideTime()" onmouseout="hidde('ccs1')">
        <div style="padding:50px;" class="whitem"><a name="jyfw"></a>
          <div style="font-size:16px; font-weight:bold">品牌介绍</div>
          <div style="font-size:15px; margin-top:40px; font-weight:bold">我们是谁</div>
          <div style="margin-top:20px;font-size: 14px;" class="hs hs-s">
            我们是来自松鼠星球的三只松鼠，小贱，小美，小酷，是主人心中的萌宠天团。<br />
            我们全心全意为主人提供新鲜，健康，具性价比的美食，坚信美食的治愈力量。<br />
            我们追求极致的用户体验，把顾客当做主人，让主人爽是我们的职责和能力。<br />
            我们陪伴在主人身边，传播爱与快乐、萌即正能量，为主人创造独特的松鼠世界。<br />
            发现生活中最单纯的幸福感~
          </div>
          <div style="font-size:15px; margin-top:40px; font-weight:bold">成长发展</div>
          <div style="margin-top:20px;font-size: 14px;" class="hs hs-s">
            2012年，松鼠老爹创造了三只松鼠，<br />
            以5个人的创始团队，到3000人的公司，从2012年第一个双11以766万夺冠，至2018年双十一六连冠。<br />
            到2019年的今天，三只松鼠已满7周岁，我们用自己的努力交出了一份优异的成绩单。<br />
            未来，路还很长，我们想为主人做得更多、更好<br />
            为“让天下主人爽起来”的使命而奋斗不息！
          </div>
        </div>

        <div style="padding:50px;" class="whitem"><a name="jyfw"></a>
          <div style="font-size:16px; font-weight:bold">品牌特色</div>
          <div style="font-size:15px; margin-top:40px; font-weight:bold">主人文化</div>
          <div style="margin-top:20px;font-size: 14px;" class="hs hs-s">
            2012年，在中国互联网上，三只松鼠发明了“主人”。<br />
            在三只松鼠的独特松鼠世界中，主人是我们最尊贵的称谓<br />
            但它不只是一个“称谓”<br />
            这个词赋予了我们最重要的使命——“让天下主人爽起来”。<br />
          </div>
          <div style="font-size:15px; margin-top:40px; font-weight:bold">人才观念</div>

          <div style="margin-top:20px;font-size: 14px;" class="hs hs-s">
            松鼠是中国食品行业的佼佼者，同样也是一所年轻人的学校。<br />
            我们愿意倾听哪怕1%的声音，同样也会给你101%充实的学习和生活。<br />
            我们始终愿意相信年轻人，并以培育年轻人和未来的行业人才为己任。<br />
            在这里，你能够成人与成材，更有热情和勇气的面对生活，向往并创造美好。
          </div>
        </div>

        <div style="padding:50px;" class="whitem"><a name="jyfw"></a>
          <div style="font-size:16px; font-weight:bold">品牌理念</div>
          <div style="font-size:15px; margin-top:40px; font-weight:bold">松鼠使命</div>
          <div style="margin-top:20px;font-size: 14px;" class="hs hs-s">
            让天下主人爽起来；<br />
            以数字化推动食品产业进步，以IP化促进品牌多元发展<br />
          </div>
          <div style="font-size:15px; margin-top:40px; font-weight:bold">松鼠价值观</div>
          <div style="margin-top:20px;font-size: 14px;" class="hs hs-s">
            超越主人预期<br />
            真实<br />
            奋斗为本<br />
            创新<br />
            只做第一<br />
          </div>
        </div>
      </div>
    </div>
    <!--产品展示-->
    <div id="c1" class="cont" style="margin-top:200px;" onmouseout="hidde('ccs2')" onmousemove="clearhideTime()">
      <div style="width:430px; float:left; height:662px;">
        <div id="ccs2" class="bgb" style="display: none" onmouseover="clearhideTime()" onmouseout="hidde('ccs2')">
          <div style="height: 666px;padding: 65px 0 0 55px;" class="productitem"><a name="jyfw"></a>
            <div style="font-size:16px; font-weight:bold">产品展示</div>
            <div style="font-size:15px; margin-top:40px; font-weight:bold;color: #3b3b3b">食品系列</div>
            <div style="margin-top:30px">
              <div style="float: left;width: 168px;">
                <div class="spxl"><span class="b">坚果</span><span class="hs">.大头装</span></div>
                <div class="spxl"><span class="b">坚果</span><span class="hs">.萌版</span></div>
                <div class="spxl"><span class="b">坚果</span><span class="hs">.每日坚果</span></div>
                <div class="spxl"><span class="b">坚果</span><span class="hs">.IP合作款</span></div>
                <div class="spxl"><span class="b">果干</span><span class="hs">.松鼠云果园</span></div>
                <div class="spxl"><span class="b">果干</span><span class="hs">.超级水果干</span></div>
                <div class="spxl"><span class="b">枣类</span><span class="hs">.新疆正品</span></div>
                <div class="spxl"><span class="b">零食</span><span class="hs">.发现好零食</span></div>
                <div class="spxl"><span class="b">饮料</span><span class="hs">.</span></div>
              </div>
              <div style="float: left;width: 168px;">
                <div class="spxl"><span class="b">零食</span><span class="hs">.新奇特</span></div>
                <div class="spxl"><span class="b">零食</span><span class="hs">.小贱零食铺</span></div>
                <div class="spxl"><span class="b">零食</span><span class="hs">.辣味道馆</span></div>
                <div class="spxl"><span class="b">零食</span><span class="hs">.中华美食</span></div>
                <div class="spxl"><span class="b">茶品</span><span class="hs">.小美美妍茶</span></div>
                <div class="spxl"><span class="b">茶品</span><span class="hs">.小美随身泡</span></div>
                <div class="spxl"><span class="b">潮礼</span><span class="hs">.森林大礼包</span></div>
                <div class="spxl"><span class="b">潮礼</span><span class="hs">.坚果大礼包</span></div>
              </div>

            </div>
          </div>

          <div style="height: 666px;padding: 65px 0 0 55px;" class="productitem" ><a name="jyfw"></a>
            <div style="font-size:16px; font-weight:bold">产品展示</div>
            <div style="font-size:15px; margin-top:40px; font-weight:bold;color: #3b3b3b">周边系列</div>
            <div style="margin-top:30px">
              <p>1.生活+Q系列</p>
              <div style="overflow: hidden;margin-top: 16px;">
                <div style="float: left;width:168px;">

                  <div class="spxP"><span class="hs">01.食物搭档篇</span></div>
                  <div class="spxP"><span class="hs">03.日常陪伴篇</span></div>
                  <div class="spxP"><span class="hs">05.入睡好梦篇</span></div>
                </div>
                <div style="float: left;width:168px;">
                  <div class="spxP"><span class="hs">02.抱抱公仔篇</span></div>
                  <div class="spxP"><span class="hs">04.学习帮手篇</span></div>
                  <div class="spxP"><span class="hs">06.外出旅行篇</span></div>
                </div>

              </div>
            </div>

            <div style="margin-top:30px">
              <p>2.松鼠潮牌系列</p>
              <div style="overflow: hidden;margin-top: 16px;">
                <div style="float: left;width:168px;">

                  <div class="spxP"><span class="hs">01.个性外套</span></div>
                  <div class="spxP"><span class="hs">03.衬衫腔调</span></div>
                  <div class="spxP"><span class="hs">05.帽子戏法</span></div>
                </div>
                <div style="float: left;width:168px;">
                  <div class="spxP"><span class="hs">02.潮流卫衣</span></div>
                  <div class="spxP"><span class="hs">04.T恤态度</span></div>
                  <div class="spxP"><span class="hs">06.饰品潮搭</span></div>
                </div>

              </div>
            </div>
          </div>

          <div style="height: 666px;padding: 65px 0 0 55px;" class="productitem" ><a name="jyfw"></a>
            <div style="font-size:16px; font-weight:bold">产品展示</div>
            <div style="font-size:15px; margin-top:40px; font-weight:bold;color: #3b3b3b">跨界合作系列</div>
            <div style="margin-top:30px">
              <p>1.IP合作款</p>
              <div style="overflow: hidden;margin-top: 16px;">
                <div style="float: left;width:168px;">

                  <div class="spxP"><span class="hs">01.微微一笑很坚果</span></div>
                  <div class="spxP"><span class="hs">03.小团圆月饼礼盒</span></div>
                  <div class="spxP"><span class="hs">05.童年零食系列</span></div>
                </div>
                <div style="float: left;width:168px;">
                  <div class="spxP"><span class="hs">02.大鱼海棠礼盒</span></div>
                  <div class="spxP"><span class="hs">04.喵吱糖</span></div>
                  <div class="spxP"><span class="hs">06.变形金刚合作款</span></div>
                </div>

              </div>
            </div>

            <div style="margin-top:30px">
              <p>2.设计定制款</p>
              <div style="overflow: hidden;margin-top: 16px;">
                <div style="float: left;width:168px;">

                  <div class="spxP"><span class="hs">01.红松鼠礼盒</span></div>
                  <div class="spxP"><span class="hs">03.垦丁的晚霞</span></div>
                  <div class="spxP"><span class="hs">05.一只小粽粽</span></div>
                </div>
                <div style="float: left;width:168px;">
                  <div class="spxP"><span class="hs">02.锦礼礼盒</span></div>
                  <div class="spxP"><span class="hs">04.可可颂</span></div>
                </div>

              </div>
            </div>
          </div>

          <div style="height: 706px;padding: 65px 0 0 55px;" class="productitem" ><a name="jyfw"></a>
            <div style="font-size:16px; font-weight:bold">一主两翼三侧</div>
            <div style="font-size:15px; margin-top:40px; font-weight:bold;color: #3b3b3b">线上渠道</div>
            <div style="margin-top:30px">
              <div style="overflow: hidden;margin-top: 16px;width: 338px">
                <div class="spxP" style="width: 174px;"><a class="hs" href="http://sanzhisongshu.tmall.com/shop/view_shop.htm" target="_blank">01.天猫三只松鼠旗舰店</a></div>
                <div class="spxP" style="width: 174px;"><a class="hs" target="_blank" href="https://list.tmall.com/search_product.htm?spm=a220o.7406545.0.0.2ck3NO&q=Three+Squirrels%2F%C8%FD%D6%BB%CB%C9%CA%F3&user_id=725677994&cat=50514008">02.天猫超市三只松鼠自营店</a></div>
                <div class="spxP" style="width: 174px;"><a class="hs" href="http://mall.jd.com/index-29859.html" target="_blank">03.京东三只松鼠旗舰店</a></div>
                <div class="spxP" style="width: 174px;"><a class="hs" href="https://mall.jd.com/index-1000015268.html" target="_blank">04.京东超市三只松鼠自营店</a></div>
                <div class="spxP" style="width: 174px;"><a class="hs" href="http://shop.dangdang.com/store_clothes.php?sid=11525" target="_blank">05.当当三只松鼠旗舰店</a></div>
                <div class="spxP" style="width: 174px;"><a class="hs" href="http://shop70067092.suning.com/" target="_blank">06.苏宁易购三只松鼠旗舰店</a></div>

              </div>
            </div>
          </div>

          <div style="height: 706px;padding: 65px 0 0 55px;" class="productitem" ><a name="jyfw"></a>
            <div style="font-size:16px; font-weight:bold">一主两翼三侧</div>
            <div style="font-size:15px; margin-top:40px; font-weight:bold;color: #3b3b3b">松鼠投食店</div>
            <div style="margin-top:30px">
              <div class="hs" style="overflow: hidden;margin-top: 16px;width: 320px">
                松鼠投食店的定位是以“服务全球绝大多数线下大众家庭”为终极目标，以不断提供“超越主人预期的商品和服务"为一切工作的准心。作为品牌线下传播的终端窗口，直营门店店铺面积基本在150平米之上，装修设计从一代店、二代店到三代四代店……，多维度塑造“投食店”的IP形象，店内整体环境偏向2次元的“森林风”。从鼠员形象、员工话术、服务行为、产品设计上，投食店每个细节都彰显着独特又富有创意的松鼠服务观。最重要的是通过体验的探索，持续不断的推动和探索符合于主人的产品需求和体验。目前投食店全国覆盖18个省份，包括北上广深等一二线城市，共计在56个城市（含未开业）设有布局。
              </div>
            </div>
          </div>

          <div style="height: 706px;padding: 65px 0 0 55px;" class="productitem" ><a name="jyfw"></a>
            <div style="font-size:16px; font-weight:bold">一主两翼三侧</div>
            <div style="font-size:15px; margin-top:40px; font-weight:bold;color: #3b3b3b">松鼠小店</div>
            <div style="margin-top:30px">
              <div class="hs" style="overflow: hidden;margin-top: 16px;width: 320px">
                三只松鼠联盟小店（简称“松鼠小店”）是三只松鼠旗下新零售赋能创业平台，于2018年5月正式成立，提出了“助力年轻人创业，让天下没有难开的零食店！”的平台使命，希望建立“简单、透明、信任、共生”的联盟生态关系，开始尝试线下联盟模式，以期帮助更多年轻人开一家属于自己的、能够有更多时间陪伴家人的、能够更好满足家庭生计的、更有幸福感的，而且有更多可能性未来的松鼠小店！自此三只松鼠开启了和主人一起开店的新时代。
              </div>
            </div>
          </div>

          <div style="height: 706px;padding: 65px 0 0 55px;" class="productitem" ><a name="jyfw"></a>
            <div style="font-size:16px; font-weight:bold">一主两翼三侧</div>
            <div style="font-size:15px; margin-top:40px; font-weight:bold;color: #3b3b3b">松鼠小镇</div>
            <div style="margin-top:30px">
              <div class="hs" style="overflow: hidden;margin-top: 16px;width: 320px">
                松鼠小镇，位于芜湖市城市主干道长江南路和峨山东路交汇处，北临长江，东接大学城，毗邻高新创业园，占地面积247.5亩。颠覆传统商业模式，充分融合森林元素及三只松鼠IP，以数字化推动主人游乐体验升级，以IP化绽放品牌文化势能，致力于为主人创造一个独一无二的松鼠王国，是集产业、文化、旅游、商业为一体的跨界型主题娱乐综合体，是主人享受美好生活的绝佳去处。
                共设有三大功能区——松鼠星球馆、森林奇幻地、松鼠欢乐街。坐拥133米世界前十、全国第一高（辐条式）摩天轮、酷炫科技星球馆、告别肥宅欢乐街等特色项目，满足主人玩乐吃购嗨一体化全方位需求。
                美好生活，松鼠造，主人爱。</div>
            </div>
          </div>

        </div>
      </div>
      <div style="float:left; width:350px; padding:50px;height: 672px" class="bgb">
        <div><img src="http://imgs.3songshu.com/www/LITE_r4_c6.png"></div>
        <div class="jh" style="margin-top:16px">品质化的呈现：好吃、好看、好玩</div>
        <div style="margin-top:62px"><span class="jh b" style="font-size:16px">Chapter One.</span> <span class="b">产品展示</span></div>
        <div style="margin-top:25px;cursor: pointer"  onmouseover="show('ccs2',0)"><a class="hs">01. 食品系列</a></div>
        <div style="margin-top:25px;cursor: pointer"  onmouseover="show('ccs2',1)"><a class="hs">02. 周边系列</a></div>
        <div style="margin-top:25px;cursor: pointer"  onmouseover="show('ccs2',2)"><a class="hs">03. 跨界合作</a></div>
        <div style="margin-top:62px"><span class="jh b" style="font-size:16px">Chapter Two.</span> <span class="b">一主两翼三侧</span></div>
        <div style="margin-top:25px;cursor: pointer"  onmouseover="show('ccs2',3)"><a class="hs">01. 线上渠道</a></div>
        <div style="margin-top:25px;cursor: pointer"  onmouseover="show('ccs2',4)"><a class="hs">02. 松鼠投食店</a></div>
        <div style="margin-top:25px;cursor: pointer"  onmouseover="show('ccs2',5)"><a class="hs">03. 松鼠小店</a></div>
        <div style="margin-top:25px;cursor: pointer" ><div class="hs" style="color:gray;">04. 社交电商</div></div>
        <div style="margin-top:25px;cursor: pointer" ><div class="hs" style="color:gray;">05. 新分销</div></div>

        <div style="margin-top:25px;cursor: pointer" onmouseover="show('ccs2',6)"><a class="hs">06. 松鼠小镇</a></div>
      </div>
    </div>
    <!--松鼠窝展示-->
    <div id="c2" class="cont" style="margin-top:200px;" onmouseout="hidde('ccs3')" onmousemove="clearhideTime()">
      <div style="float:left;width:390px;height: 540px; padding:50px" class="bgb">
        <div><img src="http://imgs.3songshu.com/www/LITE_r12_c3.png"></div>
        <div class="jh" style="margin-top:16px">和我们一起,实现自己的梦想,<br />创造独特的松鼠世界</div>
        <div style="margin-top:62px" ><span class="jh b" style="font-size:16px">Chapter One.</span><a class="b" href="http://3songshu.zhiye.com/home" target="_blank" style="color: #000">松鼠窝展示</a></div>
        <div style="margin-top:25px;" onmouseover="show('ccs3')"><a href="#" class="hs" >01. 环境展示</a></div>
        <div style="margin-top:62px"><span class="jh b" style="font-size:16px">Chapter Two.</span><a class="b" href="http://3songshu.zhiye.com/home" target="_blank" style="color: #000">我们需要你</a></div>
        <div style="margin-top:25px;"><a href="http://www.3songshu.com/sjob/xjob.html" target="_blank" class="hs">01. 松鼠窝招聘</a></div>
      </div>
      <div style="float:left; height:640px;" >
        <div style="width:500px;height: 590px;padding:50px 0 0 0;display: none" class="bgb" id="ccs3" onmouseover="clearhideTime()" onmouseout="hidde('ccs3')">
          <div class="b">松鼠窝展示</div>
          <div class="b" style="margin-top:46px">环境展示</div>
          <div>
            <div style="margin-top:20px; float:left; margin-right:20px; width:136px">
              <div><img src="http://imgs.3songshu.com/www/1.png"></div>
              <div style="margin-top:5px; text-align:center" class="hs">爱廉说展厅</div>
            </div>
            <div style="margin-top:20px; float:left; margin-right:20px; width:136px">
              <div><img src="http://imgs.3songshu.com/www/2.png"></div>
              <div style="margin-top:5px; text-align:center" class="hs">松鼠洗脑院</div>
            </div>
            <div style="margin-top:20px; float:left; margin-right:20px; width:136px">
              <div><img src="http://imgs.3songshu.com/www/3.png"></div>
              <div style="margin-top:5px; text-align:center" class="hs">神农试吃堂</div>
            </div>
            <div style="margin-top:20px; float:left; margin-right:20px; width:136px">
              <div><img src="http://imgs.3songshu.com/www/4.png"></div>
              <div style="margin-top:5px; text-align:center" class="hs">天空农场</div>
            </div>
            <div style="margin-top:20px; float:left; margin-right:20px; width:136px">
              <div><img src="http://imgs.3songshu.com/www/5.png"></div>
              <div style="margin-top:5px; text-align:center" class="hs">鼠味相投</div>
            </div>
            <div style="margin-top:20px; float:left; margin-right:20px; width:136px">
              <div><img src="http://imgs.3songshu.com/www/6.png"></div>
              <div style="margin-top:5px; text-align:center" class="hs">旋转滑梯</div>
            </div>
            <div style="margin-top:20px; float:left; margin-right:20px; width:136px">
              <div><img src="http://imgs.3songshu.com/www/7.png"></div>
              <div style="margin-top:5px; text-align:center" class="hs">松鼠嘿咻馆</div>
            </div>
            <div style="margin-top:20px; float:left; margin-right:20px; width:136px">
              <div><img src="http://imgs.3songshu.com/www/8.png"></div>
              <div style="margin-top:5px; text-align:center" class="hs">水+轻食吧</div>
            </div>
            <div style="margin-top:20px; float:left; margin-right:20px; width:136px">
              <div><img src="http://imgs.3songshu.com/www/9.png"></div>
              <div style="margin-top:5px; text-align:center" class="hs">森林氧吧</div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!---->
    <div id="c3" class="cont" style="margin-top:200px" onmouseout="hidde('ccs4')" onmousemove="clearhideTime()" >
      <div style="width:462px; float:left; height:662px;background: #fff;display: none" id="ccs4" onmouseover="clearhideTime()" onmouseout="hidde('ccs4')">
        <div style="width:380px;padding:50px" class="bgb">
          <div style="font-size:16px; font-weight:bold;">平面媒体</div>
          <div style="margin-top:20px;">
            <p style="margin-top:20px;font-size: 14px;"><a class="hs" href="http://www.3songshu.com/news-detail.html?source=media&id=764" target="_blank">01.安徽省文化厅厅长袁华莅临三只松鼠考察调研</a></p>
            <p style="margin-top:15px;font-size: 14px;"><a class="hs" href="http://www.3songshu.com/news-detail.html?source=media&id=763" target="_blank">02.关于有人冒充我司员工实行诈骗行为的重大事…</a></p>
            <p style="margin-top:15px;font-size: 14px;"><a class="hs" href="http://www.3songshu.com/news-detail.html?source=media&id=760" target="_blank">03.国家食品药品监管总局刘佩智同志来松鼠就食…</a></p>
          </div>
          <div style="font-size:16px; font-weight:bold;margin-top:30px;">Online媒体</div>
          <div style="margin-top:20px;">
            <p style="margin-top:20px;font-size: 14px;"><a class="hs" href="http://www.3songshu.com/news-detail.html?source=media&id=692" target="_blank">01.三只松鼠章燎原：全行业共创坚果行业的双十…</a></p>
            <p style="margin-top:15px;font-size: 14px;"><a class="hs" href="http://www.3songshu.com/news-detail.html?source=media&id=699" target="_blank">02.携手91桌面 | 吃货轰趴季火三只松鼠爆来袭…</a></p>
            <p style="margin-top:15px;font-size: 14px;"><a class="hs" href="http://www.3songshu.com/news-detail.html?source=media&id=676" target="_blank">03.三只松鼠发展获点赞</a></p>

          </div>

          <div style="font-size:16px; font-weight:bold;margin-top:30px;">独立媒体及追萌族主人</div>
          <div style="margin-top:20px;">
            <p style="margin-top:20px;font-size: 14px;"><a class="hs" href="http://www.3songshu.com/news-detail.html?source=media&id=735" target="_blank">01.《新华网》：三只松鼠“双十一”销售额突破5…</a></p>
            <p style="margin-top:15px;font-size: 14px;"><a class="hs" href="http://www.3songshu.com/news-detail.html?source=media&id=734" target="_blank">02.《凤凰芜湖》：5.08亿！芜湖电商三只松鼠双十…</a></p>
            <p style="margin-top:15px;font-size: 14px;"><a class="hs" href="http://www.3songshu.com/news-detail.html?source=media&id=693" target="_blank">03.《电商在线》独家 | 章燎原：萌贱之后 三只松…</a></p>

          </div>
        </div>
      </div>
      <div style="float:right;width:430px; padding:50px;height: 562px" class="bgb">
        <div><img src="http://imgs.3songshu.com/www/LITE_r26_c9.png"></div>
        <div class="jh" style="margin-top:16px">他们眼中的松鼠,和松鼠眼中的世界</div>
        <div style="margin-top:62px"><span class="jh b" style="font-size:16px">Chapter One.</span> <span class="b">公众媒体新闻</span></div>
        <div style="margin-top:25px;" onmouseover="show('ccs4')"><a class="hs" href="http://www.3songshu.com/songshu-tv.html?anchor=media" target="_blank">01. 平面媒体</a></div>
        <div style="margin-top:25px;" ><a class="hs">02. Online媒体</a></div>
        <div style="margin-top:25px;" ><a class="hs">03. 独立媒体及追萌族主人</a></div>
        <!--<div style="margin-top:62px"><span class="hs b" style="font-size:16px">Chapter Two.</span> <span class="b">自媒体发声</span></div>-->
        <!--<div style="margin-top:25px;" class="hs">01. 松鼠窝动态</div>-->
        <!--<div style="margin-top:25px;" class="hs">02. 合作交流</div>-->
        <!--<div style="margin-top:25px;" class="hs">03. 松鼠声明</div>-->
      </div>
    </div>
    <!---->
    <div id="c4" class="cont bgb" style="margin-top:200px; padding:50px;">
      <div style="float:left; margin-top:65px; margin-left:55px; width:460px">
        <div><img src="http://imgs.3songshu.com/www/LITE_r30_c3.png"></div>
        <div class="jh" style="margin-top:16px">这里有更多奇趣内容,等你探索</div>
        <!--
                        <div style="margin-top:62px"><span class="jh b" style="font-size:16px">Chapter One.</span><a class="b"  style="color: #000">动漫系列</a></div>
                        <div style="margin-top:25px;"><a href="https://www.iqiyi.com/v_19rrc44in8.html" target="_blank" class="hs">01. 三只松鼠动画片第一季</a></div>
                        <div style="margin-top:25px;"><a href="https://www.iqiyi.com/v_19rqpwu8t0.html" target="_blank" class="hs">02. 三只松鼠动画片第二季</a></div>
                        <div style="margin-top:25px;"><a href="http://www.iqiyi.com/lib/m_222554414.html" target="_blank" class="hs">03. 三只松鼠动画片第三季</a></div>
                        <div style="margin-top:25px;"><a href="http://www.3songshu.com/5.html" target="_blank" class="hs">04. 松鼠嗑壳课</a></div>
                        <div style="margin-top:25px;"><a href="http://www.3songshu.com/5.html" target="_blank" class="hs">05. 奋斗吧！松鼠小贱</a></div>
                    -->
      </div>
      <div style="float:left; width:400px">
        <div style="margin-top:62px"><span class="hs b" style="font-size:16px">Chapter Two.</span><a class="b" href="http://www.3songshu.com/5.html" target="_blank" style="color: #000">互动内容</a></div>
        <div style="margin-top:25px;" ><a href="http://pan.baidu.com/s/1qY0gAK0" target="_blank" class="hs">01. 松鼠主题壁纸</a></div>
        <div style="margin-top:25px;" ><a href="http://pan.baidu.com/s/1qY0gAK0" target="_blank" class="hs">02. 松鼠表情包</a></div>
        <div style="margin-top:75px"><span class="hs b" style="font-size:16px">Chapter Three.</span><a class="b" href="http://www.3songshu.com/5.html" target="_blank" style="color: #000">版权引用</a></div>
        <div style="margin-top:25px;" ><a href="http://pan.baidu.com/s/1mhB4vGW" target="_blank" class="hs">01. 松鼠商标</a></div>
      </div>
    </div>
    <div id="c5" style="margin-top:90px; height:405px; display:none; background-color:#FFFFFF">
      <div style="margin:0 auto; width:1290px; background-image:url(LITE_r32_c2.png); height:405px">
        <div style="margin-left:177px; position:absolute; float:left; margin-top:-107px; z-index:11"><img src="http://imgs.3songshu.com/www/zhuren.png"></div>
        <div style="margin-left:777px; float:left; margin-top:99px;">
          <div><img src="http://imgs.3songshu.com/www/LITE_r32_c11.png"></div>
          <div class="jh" style="margin-top:16px">影视综艺合作</div>
          <div style="margin-top:25px;" class="hs">IP热播好剧,明星大咖综艺中,总会出现小小的我们,和爱豆同框<br />卖萌,让主人会心一笑,轻松快乐~</div>
        </div>
      </div>
    </div>

    <div id="c6" style="height:297px; margin-left:600px; display:none; overflow:hidden">
      <img src="http://imgs.3songshu.com/www/long.jpg">
    </div>
    <div id="c7" style="background-color:#000000; display:none;">
      <div style="width:1547px; height:355px; margin:0 auto">
<!--        <div style="float:left; width:130px"><img src="http://imgs.3songshu.com/www/ITE_r32_c2.png" border=0></div>-->
        <div style="float:left; margin-left:200px; margin-top:50px; width:880px;">
          <div style="border-bottom:solid 1px #8E8F92; height:185px">
            <div style="margin-top:32px; float:left; width:160px">
              <div style="color:#FFFFFF; font-size:16px" class="b">来自松鼠的服务</div>
              <div style="margin-top:10px;"><a href="http://www.3songshu.com/cha/cha.html" target="_blank" class="bzb">主人来找茬</a></div>
              <div style="margin-top:10px;"><a href="http://kpdown.3songshu.com/kp.html" target="_blank" class="bzb">电子发票查询</a></div>
            </div>
            <div style="margin-top:32px; float:left; width:160px">
              <div style="color:#FFFFFF; font-size:16px" class="b">合作项目</div>
              <div style="margin-top:30px;" class="hs">大客户团购</div>
              <div style="margin-top:10px;" class="hs">商务合作</div>
              <div style="margin-top:10px;" class="hs">媒体访问</div>
            </div>
            <div style="margin-top:32px; float:left; width:160px">
              <div style="color:#FFFFFF; font-size:16px" class="b">其他</div>
              <div style="margin-top:30px;" class="hs">松鼠廉政</div>
              <div style="margin-top:10px;" class="hs">免责声明</div>
              <div style="margin-top:10px;" class="hs">相关网址</div>
            </div>
            <div style="margin-top:32px; float:left; width:124px">
              <img src="http://imgs.3songshu.com/www/ITE_r35_c20.png">
            </div>
            <div style="float:right; width:226px; height:158px;position: relative">
              <img src="http://imgs.3songshu.com/www/ITE_r33_c29.png" style="width: 226px">
              <a href="https://sanzhisongshu.tmall.com/shop/view_shop.htm?spm=a230r.7195193.1997079397.2.Wr7Qpm" target="_blank" style="position: absolute;bottom:16px;right:59px;display: block;width: 28px;height: 26px;"></a>
              <a href="http://weibo.com/u/2559971200?topnav=1&wvr=6&topsug=1" target="_blank" style="position: absolute;bottom:16px;right:21px;display: block;width: 28px;height: 26px;"></a>
            </div>
          </div>
          <div style="margin-top:16px">
            <div style="float:left; width:92px; height:28px"><img src="http://imgs.3songshu.com/www/LITE_r41_c7.png"></div>
            <div style="float:left; margin-left:24px"><span class="b bzb">松鼠星球主人服务热线：</span> <span class="jh b">400-800-4900</span> <a href="https://beian.miit.gov.cn" target="_blank" class="b bzb">皖ICP备12003835号-2</a>
            </div>
            <div style="float:left; margin-left:24px">
              <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=34020302000182" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"><img src="http://imgs.3songshu.com/www/wjlogo.png" style="float:left;"/><p style="float:left;height:20px;line-height:20px;" class="b bzb">皖公网安备 34020302000182号</p></a>
            </div>
          </div>

        </div>
        <div style="float:left; margin-left:230px; margin-top:250px; width:89px; height:101px"><img src="http://imgs.3songshu.com/www/LITE_r40_c35.png" border=0></div>
      </div>
    </div>

  </div>
</div>
</body>
</html>
<script src="http://imgs.3songshu.com/js/jquery.min.js" charset="utf-8" language="javascript"></script>



<script language="javascript">
  //document.onreadystatechange = loadingChange;//当页面加载状态改变的时候执行这个方法.
  function loadingChange()
  {
    //if(document.readyState == "complete"){ //当页面加载状态为完全结束时进入
    $("#load").hide();//当页面加载完成后将loading页隐藏
    $("#main").fadeIn(2000);

    $(".menu-item").mouseenter(function(){
      $(".callmeul").slideDown();
      $("#arion").addClass("Arrow_up");
      $(".bigdialog").fadeIn();
      stop();
    }).mouseleave(function(){
      $(".callmeul").slideUp();
      $("#arion").removeClass("Arrow_up");
      $(".bigdialog").fadeOut();
      stop();
    });


    $(".menu_down").mouseenter(function(){
      $(".QRcode").slideDown();
      $(".bigdialog").fadeIn();
      stop();
    }).mouseleave(function(){
      $(".QRcode").slideUp();
      $(".bigdialog").fadeOut();
      stop();
    });
//        $(".callmeul").mouseenter(function(){
//            $(this).show();
//        })
    for(var i =0;i<movelist.length;i++) {
      document.getElementById((movelist[i])).style.transform = "translateY(-" + (parseInt(document.getElementById((movelist[i])).style.top.replace("px", "")) + 400) + "px)";
    }
    document.getElementById("bg").style.transform = "translateY(-7200px)";

    setTimeout(function () {
      document.body.style.background = "url('http://imgs.3songshu.com/www/bgy.jpg')";
      //	attachment:fixed
      document.body.style.backgroundAttachment = 'fixed';
      //start();

      //}

      document.body.style.overflow="hidden";


      $("#bg").addClass("syz_move");
      setTimeout(function () {

        for(var i =0;i<movelist.length;i++) {
          $("#" + movelist[i]).addClass("movebox2"); //document.getElementById(()).style.animation="movedonghua 5s 1;"
          (function (domid) {
            setTimeout(function () {
              $("#bg").removeClass("syz_move");
              document.getElementById("bg").style.transform = "translateY(0px)";
              document.getElementById(domid).style.transform = "translateY(0px)";
              $("#" + domid).removeClass("movebox2");
              document.body.style.overflowY="auto";
              document.body.scrollTop="0px";
              window_scroll_fn();

            }, 3500);
          })(movelist[i]);
        }

        setTimeout(function () {
          mymovie.c.loop_way = 1;
          document.getElementById("songshubox").style.display = "block";
          $("#cb6").fadeToggle(1000);


        },2000)


        setTimeout(function () {
          $("#cb7").fadeToggle(1000);
        },3000)

      }, 400);
    },2000)




  }

  function loadimg(imglist,okfn) {
    var mimglist = imglist;
    var mokfn = okfn;
    var loadok = 0;
    var loadoklist = new Array();
    var t = this;
    for (var i = 0; i < mimglist.length; i++) {
      var img = new Image();
      img.src = mimglist[i];

      if (img.readyState == "complete") {
        if (loadoklist.indexOf(img.src) < 0) {
          loadoklist.push(img.src);
          loadok++;
        }
        t.loadok();
      } else {
        img.onload = function () {
          if (loadoklist.indexOf(this.src) < 0) {
            loadoklist.push(this.src);
            loadok++;
          }
          t.loadok();
        }
      }
    }
    this.loadok = function () {
      if (loadok == mimglist.length) {
        okfn();
      }
    }
  }

  var hidetime=null;

  function hidde(id)
  {
    clearhideTime();
    hidetime=setTimeout(function(){
      $("#"+id).hide();
    },100)

  }

  function clearhideTime(){
    if(hidetime!=null){
      clearTimeout(hidetime)
    }
  }

  function show(id,x)
  {

    clearhideTime();

    $(".whitem").hide().eq(x).show();
    $(".productitem").hide().eq(x).show();

    $("#"+id).show();
  }


  //--tz
  $("#jyfw1").click(function(){
    $('html,body').animate({scrollTop:2700},800,function(){
    });
  });

  //--tz
  $("#zyxz1").click(function(){
    $('html,body').animate({scrollTop:5200},800,function(){
    });
  });


  //    function showbg(cl){
  //        $("."+cl).show();
  //
  //    }


  loadimg(
          ["http://imgs.3songshu.com/www/cb1.png",
            "http://imgs.3songshu.com/www/cb2.png",
            "http://imgs.3songshu.com/www/cb3.png",
            "http://imgs.3songshu.com/www/cb4.png",
            "http://imgs.3songshu.com/www/cb5.png",
            "http://imgs.3songshu.com/www/scd.png",
            "http://imgs.3songshu.com/www/bgy.jpg",
            "http://imgs.3songshu.com/www/xhy.png",
            "http://imgs.3songshu.com/www/yz.png",
            "http://imgs.3songshu.com/www/yun3.png",
            "http://imgs.3songshu.com/www/yun4.png",
            "http://imgs.3songshu.com/www/yun5.png",
            "http://imgs.3songshu.com/www/2323.png"
          ],function () {
            loadingChange();
          });

  //setTimeout("loadingChange()",4000);
  var cc=0;
  var c1=0;
  var c2=0;
  var c3=0;
  var c4=0;
  var c5=0;
  var c6=0;
  var c7=0;
  var n=600;
  var cb6=0;
  var cb7=0;
  var s1=0;
  var t=7880;
  var nt1=1;

  function  window_scroll_fn() {
    window.onscroll = function () {
      var top = document.body.scrollTop + document.documentElement.scrollTop;
      document.getElementById('cb6').style.top = (top * 2 * (-0.12) + 350) + 'px';
      document.getElementById('cb7').style.top = (top * 2 * (-0.12) + 550) + 'px';
      document.getElementById('scd').style.top = (top * 2 * (-0.07) + 450) + 'px';
      document.getElementById('xhy').style.top = (top * 2 * (-0.07) + 120) + 'px';
      document.getElementById('yun4').style.top = (top * 2 * (-0.25) + 2800) + 'px';
      document.getElementById('yun5').style.top = (top * 2 * (-0.25) + 2500) + 'px';
      document.getElementById('yun3').style.top = (top * 2 * (-0.35) + 4500) + 'px';
      document.getElementById('cb5').style.top = (top * 2 * (-0.05) + 200) + 'px';
      document.getElementById('cb4').style.top = (top * 2 * (-0.1) + 1000) + 'px';
      document.getElementById('cb3').style.top = (top * 2 * (-0.15) + 1700) + 'px';
      document.getElementById('cb2').style.top = (top * 2 * (-0.2) + 2200) + 'px';
      document.getElementById('cb1').style.top = (top * 2 * (-0.3) + 3000) + 'px';
      document.getElementById('bg').style.top = (top * 2 * (-0.5) + 6500) + 'px';

      if (top > 1000 && cc == 0) {
        $("#cc").fadeToggle(100);
        cc = 1;
      }
      if (top > 2000 && c1 == 0) {
        $("#c1").fadeToggle(100);
        c1 = 1;
      }
      if (top > 3000 && c2 == 0) {
        $("#c2").fadeToggle(100);
        c2 = 1;
      }
      if (top > 4000 && c3 == 0) {
        $("#c3").fadeToggle(100);
        c3 = 1;
      }
      if (top > 5000 && c4 == 0) {
        $("#c4").fadeToggle(100);
        c4 = 1;
      }
      if (top > 5000 && c5 == 0) {
        $("#c5").fadeToggle(100);
        c5 = 1;
        $("#c6").fadeToggle(100);
        c6 = 1;
        $("#c7").fadeToggle(100);
      }
      if (top > 5500 && c6 == 1) {
        moveText();
        c6 = 2;
      }

    };

  }


  function moveText(){
    n=n-3;
    document.getElementById('c6').style.marginLeft = n+'px';
    if(n>1){setTimeout("moveText()",3);}
  }
  /*开场动画*/

  var scale=1;
  var movie = function (config) {
    var t = this;
    t.c = {
      width: 0,
      height: 0,
      frames_sum: 0,
      loop_way: 1,
      loop_start: 0,
      loop_end: 0,
      loop_time: 50,
      pic_Stage_width: 0,
      pic_Stage_height: 0,
      pic_path:"",
      nowloopindex:0
    }
    t.c=config;

    t.bl=1;
    t.load = function (dom) {

      t.c.width/=scale;
      t.c.height/=scale;
      t.c.pic_Stage_width/=scale;
      t.c.pic_Stage_height/=scale;
      t.bl = t.c.width / t.c.pic_Stage_width;
      t.c.width=t.c.pic_Stage_width*t.bl;
      t.bl= t.c.width / t.c.pic_Stage_width;
      t.c.height=t.c.pic_Stage_height*t.bl;
      t.divdom=document.createElement("DIV");
      t.divdom.style.overflow="hidden";
      t.divdom.style.height=t.c.height+"px";
      t.divdom.style.width=t.c.width+"px";
      t.picdom=new Image();
      t.picdom.width=t.c.width*t.c.frames_sum;
      t.picdom.src=t.c.pic_path;
      t.divdom.appendChild(t.picdom);
      dom.appendChild(t.divdom);

      t.picdom.onload=function () {
        t.go();
      }
    }


    t.looptime = null;

    t.divdom = null;
    t.picdom = null;
    t.state=0;
    t.go = function () {
      t.state=1;

      if( t.looptime==null)
      {
        t.looptime=setTimeout(function () {
          t.loop();
        },t.c.loop_time);
      }

    }
    t.stop=function () {
      t.state=0;
    }
    t.loop = function () {

      if(t.state==1){
        t.c.nowloopindex+=t.c.loop_way;
        if(t.c.nowloopindex>t.c.loop_end)
        {
          t.c.nowloopindex=t.c.loop_start;

        }
        if(t.c.nowloopindex<t.c.loop_start)
        {
          t.c.nowloopindex=t.c.loop_end;
        }
        t.picdom.style.transform="translateX(-"+t.c.nowloopindex*(t.c.width)+"px)";

      }
      t.doloop(t.c.nowloopindex);
      t.looptime=setTimeout(function () {
        t.loop();
      },t.c.loop_time);
    }
    t.stop = function () {
    }
    t.doloop = function (index) {
    }


  }



  var mymovie=  new movie(
          {
            width: 1300,
            height: 700,
            frames_sum:13,
            loop_way: 1,
            loop_start: 0,
            loop_end: 12,
            loop_time: 100,
            pic_Stage_width: 860,
            pic_Stage_height: 540,
            pic_path:"http://imgs.3songshu.com/www/2323.png",
            nowloopindex:0
          }
  )

  mymovie.load(document.getElementById("songshubox"));
  mymovie.c.loop_way=0;
  mymovie.doloop=function (index) {
    if(index==12) {
      mymovie.state= 0;

    }

  }

</script>